<template>
	<view>
		<view class="rule-box">
			<image :src="imgUrl" alt="" mode="widthFix"></image>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				imgUrl:""
			}
		},
		onLoad: function(){
			let that = this;
			uni.request({
				 url: 'https://d.qj361.com/api/yizhan/integral', //仅为示例，并非真实接口地址。
				    data: {},
				    header: {},
				    success: (res) => {
				        console.log(res.data);
						this.imgUrl = res.data.img
				    }
			})
		},
		methods: {
			
		}
	}
</script>

<style>
	.body{
		padding: 0 47rpx 60rpx 47rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.title{
		margin-top: 60rpx;
	}
	.title text{
		font-size: 38rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 53rpx;
		text-align: center;
	}
	.fenGeXian{
		width: 60rpx;
		height: 4rpx;
		background: linear-gradient(90deg, #C30D22 0%, #FF6879 100%);
		margin: 20rpx 0 23rpx 0;
	}
	.content text{
		font-size: 23rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #333333;
		line-height: 36rpx;
	}
	.footer{
		width: 750rpx;
		height: 161rpx;
		background: #C30D22;
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		padding: 0 47rpx 0 47rpx;
	}
	.footer text{
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 45rpx;
	}
	.rule-box {
		width: 750rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.rule-box image{
		width: 100%;
		height: 100%;
	}
</style>
